/// <reference path="references.scss" />

//
// CSS vars
// -------------------------------------------------

:root {
    $varnames: ();

    @each $color, $value in $colors {
        $varnames: $varnames + '--' + $color + ",";
    }

    @each $color, $value in $theme-colors {
        $varnames: $varnames + '--' + $color + ",";
    }

    @each $color, $value in $grays {
        $varnames: $varnames + '--gray-' + $color + ",";
    }

    $varnames: $varnames + '--muted,--body';

    --varnames: #{$varnames};
    --muted: #{$text-muted};
    --body: var(--body-color); // shim

    @if alpha($body-bg) == 0 {
        --body-bg: #{$site-bg};
    }
    @else {
        --body-bg: #{$body-bg};
    }

    @if ($fa-use-pro == true) {
        --fa-font-family: 'Font Awesome 6 Pro';
    }

    // Shadow variables
    --box-shadow-xs: #{$box-shadow-xs};
    --box-shadow-xl: #{$box-shadow-xl};

    $c: $dark;
    --shadow-color-rgb: 0,0,0;
    --shadow-colorbase-rgb: #{to-rgb($c)};
    --shadow-intensity: #{$shadow-intensity};
}